<div nz-row>


<!--    <nz-input-group [nzSuffix]="suffixIcon">
      <input type="text" nz-input placeholder="Search" [(ngModel)]="searchValue" />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>-->
    <nz-tree
      [nzData]="tl"
      [nzSearchValue]="searchValue"
      (nzClick)="onClickNode($event)"
      [nzTreeTemplate]="nzTreeTemplate"
      (nzContextMenu)="onClickNode($event)"
    ></nz-tree>


    <ng-template #nzTreeTemplate let-node >
      <span class="custom-node">
        <span  (contextmenu)="contextMenu($event, menu,node.key)">
          <i nz-icon ></i>
          <span class="folder-name">{{ node.title }}</span>

        </span>

      </span>
    </ng-template>

    <nz-dropdown-menu #menu="nzDropdownMenu" >
      <ul nz-menu>

        <!--    <li nz-menu-item >删除</li>-->
        <li nz-menu-item  (click)="addReferType()">添加</li>
        <li nz-menu-item (click)="updateReferType()">修改</li>
        <li nz-menu-item (click)="deleteReferType()">删除</li>
      </ul>
    </nz-dropdown-menu>




</div>
